<div ng-controller="OrderCtrl" ng-init="manualorderAction()">
    <ul class="sui-breadcrumb">
        <li><a href="#/order/manualorder">{{'快速下单'}}</a></li>
        <li class="active">
            {{"创建"|translate}}
        </li>
    </ul>
    <form name="Tradeform" class="sui-form form-horizontal" novalidate>
        <div mywizard class="sui-steps">
            <step>
                <label><span class="round">1</span><span>选择商品</span></label>
                <i class="triangle-right-bg"></i><i class="triangle-right"></i>
            </step>
            <step>
                <label><span class="round">2</span><span>收货地址</span></label>
                <i class="triangle-right-bg"></i><i class="triangle-right"></i>
            </step>
            <step>
                <label><span class="round">3</span><span>配置表单</span></label>
                <i class="triangle-right-bg"></i><i class="triangle-right"></i>
            </step>
            <step>
                <label><span class="round">4</span><span>完成</span></label>
                <i class="triangle-right-bg"></i><i class="triangle-right"></i>
            </step>
            <div stepcontent0 class="stepContent">
                <div class="stepbody">
                    <choice-item item-check="itemdata(items)" mult="yes"></choice-item>
                    <table class="sui-table table-bordered" ng-show="checked_item" style="margin-top: 10px;">
                        <thead>
                            <tr>
                                <th>＃</th>
                                <th>{{"sku_properties"|translate}} </th>
                                <th>{{"skus_id"|translate}} </th>
                                <th>{{"价格"|translate}}</th>
                                <th>{{"数量"|translate}} </th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="sku in checked_item">
                                <td><img ng-src="{{sku.imgurl}}" width="200" /></td>
                                <td>{{sku.sku_properties}}</td>
                                <td>{{sku.sku_outer_id}}</td>
                                <td>{{sku.sku_price}}</td>
                                <td>
                                    <input type="number" name="skunum" ng-model="sku.num" class="input-large">
                                </td>
                                <td>
                                    <button class="sui-btn btn-primary" ng-click="deleteSkuItem($index)">删除</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div>
                    <button type="button" id="next1" class="sui-btn btn-primary" mywizard-next ng-disabled="!checked_item" ng-click="checkSkuNum();">{{'Next step'|translate}}</button>
                </div>
            </div>
            <div stepcontent1 class="stepContent">
                <div class="stepbody">
                    <form name="storeForm" novalidate>
                        <div class="control-group">
                            <label class="control-label v-top">{{'收货人姓名'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="addressData.real_name" type="text" name="real_name" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top">{{'国家'|translate}}:</label>
                            <div class="controls">
                                <pickpoint-country ng-model="addressData.country" dft="1"></pickpoint-country>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top">{{'电话'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="addressData.mobile" type="text" name="mobile" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group" ng-show="addressData.country=='CN'">
                            <label class="control-label v-top">{{'地区'|translate}}:</label>
                            <div class="controls">
                                <province-cascade ng-model="addressData.province" city-name="addressData.city" district-name="addressData.district" backcall="getCity(city);"></province-cascade>
                            </div>
                        </div>
                        <div class="control-group" ng-show="addressData.country!='CN'">
                            <label class="control-label v-top">{{'省份'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="addressData.province" type="text" name="province" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group" ng-show="addressData.country!='CN'">
                            <label class="control-label v-top">{{'城市'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="addressData.city" type="text" name="city" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group" ng-show="addressData.country!='CN'">
                            <label class="control-label v-top">{{'地区'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="addressData.district" type="text" name="distirct" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top">{{'address'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="addressData.address" type="text" name="address" class="input-xlarge">
                            </div>
                        </div>
                    </form>
                </div>
                <div>
                    <button type="button" class="sui-btn btn-primary" mywizard-previous>上一步</button>
                    <button type="button" id="shouhuodizhi" class="sui-btn btn-primary" mywizard-next ng-disabled="!addressData.address">{{'Next step'|translate}}</button>
                </div>
            </div>

            <div stepcontent2 class="stepContent">
                <div class="stepbody">
                    <form name="storeForm" novalidate>
                        <div class="control-group">
                            <label class="control-label v-top">{{'身份证姓名'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="idcardData.id_name" type="text" name="id_name" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top">{{'身份证号'|translate}}:</label>
                            <div class="controls">
                                <input ng-model="idcardData.idcard" type="text" name="idcard" class="input-xlarge">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top">{{'表单类型'|translate}}:</label>
                            <div class="controls">
                                <form-type ng-model="idcardData.type" dft="1"></form-type>
                            </div>
                        </div>
                    </form>
                </div>
                <div>
                    <button type="button" class="sui-btn btn-primary" mywizard-previous>上一步</button>
                    <button type="button" id="shouhuodizhi" class="sui-btn btn-primary" mywizard-next ng-disabled="!idcardData.idcard" ng-click="manualorderAdd();">{{'Next step'|translate}}</button>
                </div>
            </div>

            <div stepcontent3 class="stepContent">
                <div class="stepbody">
                    <span>选择小程序:
                        <wx-app-list ng-model="wxappid" dft="1" ary="storeary" storedata="1" callbacks="wxaacallback(app_id)">
                        </wx-app-list>
                    </span>
                </div>
                <div>
                    <button type="button" class="sui-btn btn-primary" mywizard-previous>上一步</button>
                    <button id="kanjiaAdd" class="sui-btn btn-primary" ng-disabled="!ks_order_id" ng-click="wxaacallback();">
                        生成二维码
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>